<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="$HOMEdist/css/mdui.min.css"/>
        <script src="$HOMEdist/js/mdui.min.js"></script>
        <script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML" async></script>
        <script type="text/x-mathjax-config">
            MathJax.Hub.Config({
                tex2jax: {
                    inlineMath: [ ['$','$'] ],
                    displayMath: [ ['$$','$$'] ]
                },
                showProcessingMessages: false,
                messageStyle: "none"
            });
        </script>
        <script src="https://cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
        <script src="https://unpkg.com/valine@latest/dist/Valine.min.js"></script>
        <title>$PAGETITLE</title>
    </head>
    <body class="mdui-theme-primary-orange mdui-theme-accent-indigo mdui-loaded" style="background-image: url(./$HOMEimg/bg1.jpg); background-attachment: fixed; background-size: cover; background-position: center;">
        <div class="mdui-appbar-with-toolbar">
            <div class="mdui-appbar mdui-appbar-fixed">
                <div class="mdui-toolbar mdui-color-theme">
                    <button mdui-drawer="{target: '#drawer', swipe:true, overlay:true}" class="mdui-btn mdui-btn-icon mdui-ripple"><i class="mdui-icon material-icons">&#xe5d2;</i></button>
                    <span class="mdui-typo-title">Zcy's blog</span>
                    <div class="mdui-toolbar-spacer"></div>
                    <div class="mdui-textfield mdui-textfield-expandable mdui-float-right">
                        <button onclick="search()" class="mdui-textfield-icon mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">&#xe8b6;</i></button>
                        <input id="search-content" class="mdui-textfield-input" type="text" placeholder="Search"/>
                        <button class="mdui-textfield-close mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">&#xe5cd;</i></button>
                      </div>
                    <button onclick="javascript: window.location.href = './$HOMEindex.html';" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons mdui-ripple">&#xe5d5;</i></button>
                    <button onclick="alert('Waiting for complete.');" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons mdui-ripple">&#xe5d4;</i></button>
                </div>
            </div>
        </div>
        <div class="mdui-drawer mdui-color-theme mdui-drawer-close mdui-drawer-full-height" id="drawer" style="margin:10px; padding:10px;">
            <div class="mdui-list">
                <img onclick="javascript: window.location.href = './$HOMEauthor/index.html';" class="mdui-ripple mdui-img-fluid mdui-shadow-5" src="./$HOMEimg/head.jpg"/><br/>
                <div class="mdui-list-item mdui-ripple" onclick="javascript: window.location.href = './$HOMEindex.html';">
                    <i class="mdui-icon material-icons">&#xe88a;</i>
                    <div class="mdui-list-item-content" style="font-weight:300; font-style:italic;">&emsp;Main Page</div>
                </div>
                <div class="mdui-list-item mdui-ripple" onclick="javascript: window.location.href = './$HOMEauthor/index.html';">
                    <i class="mdui-icon material-icons">&#xe0ba;</i>
                    <div class="mdui-list-item-content" style="font-weight:300; font-style:italic;">&emsp;About Author</div>
                </div>
                <div class="mdui-list-item mdui-ripple" onclick="javascript: window.location.href = './$HOMEcateg/index.html';">
                    <i class="mdui-icon material-icons">&#xe3b6;</i>
                    <div class="mdui-list-item-content" style="font-weight:300; font-style:italic;">&emsp;Categories</div>
                </div>
                <div class="mdui-list-item mdui-ripple" onclick="javascript: window.location.href = './$HOMEblog/index.html';">
                    <i class="mdui-icon material-icons">&#xe865;</i>
                    <div class="mdui-list-item-content" style="font-weight:300; font-style:italic;">&emsp;Blogs</div>
                </div>
                <div class="mdui-divider"></div>
                <a href="https://gitee.com/zhuchengyang/"><img src="./$HOMEimg/gitee.png" class="mdui-img-circle" /></a>
                <a href="https://github.com/zhuchengyang/0207"><img src="./$HOMEimg/github.png" class="mdui-img-circle" /></a>
                <a href="https://qzone.qq.com/2530469979"><img src="./$HOMEimg/qzone.png" class="mdui-img-circle" /></a>
                <div class="mdui-divider"></div>
                <div class="mdui-list-item mdui-ripple" onclick="javascript: window.location.href = './$HOMEabout/index.html';">
                    <i class="mdui-icon material-icons">&#xe887;</i>
                    <div class="mdui-list-item-content" style="font-weight:300; font-style:italic;">&emsp;About</div>
                </div>
                <div class="mdui-list-item mdui-ripple" onclick="javascript: window.location.href = './$HOMEsupport/index.html';">
                    <i class="mdui-icon material-icons">&#xe87d;</i>
                    <div class="mdui-list-item-content" style="font-weight:300; font-style:italic;">&emsp;Support</div>
                </div>
                <div class="mdui-list-item mdui-ripple" onclick="redirect_bug_report()">
                    <i class="mdui-icon material-icons">&#xe868;</i>
                    <div class="mdui-list-item-content" style="font-weight:300; font-style:italic;">&emsp;Bug Report</div>
                </div>
            </div>
        </div>
        <div class="mdui-container" style="margin-top: 5%; margin-bottom: 5%;">
            <div class="mdui-float-left" style="width: 65%; height: 100%;">
                $CONTENT
                <div style="box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); border-radius: 2px; margin-top: 15px; margin-left: 15px; margin-bottom: 15px; background-color: white; padding: 30px;" class="comment"></div>
                <script>
                    new Valine({
                        av: AV, 
                        el: '.comment',
                        app_id: '42OV756KPsKoqsRiiLEmX7MR-gzGzoHsz',
                        app_key: '9QwQfp3vMpbr46elzSeb8ok5',
                        placeholder: '留下你的评论……',
                        avatar: "retro",
                        path: window.location.pathname,
                        meta: ['nick', 'mail'],
                        visitor: true,
                        recordIP: true,
                        requiredFields: ["nick", "mail"],
                        emojiCDN: 'https://i0.hdslb.com/bfs/emote/',
                        emojiMaps: {
                            "doge": "6ea59c827c414b4a2955fe79e0f6fd3dcd515e24.png",
                            "亲亲": "a8111ad55953ef5e3be3327ef94eb4a39d535d06.png",
                            "偷笑": "bb690d4107620f1c15cff29509db529a73aee261.png",
                            "再见": "180129b8ea851044ce71caf55cc8ce44bd4a4fc8.png",
                            "冷漠": "b9cbc755c2b3ee43be07ca13de84e5b699a3f101.png",
                            "发怒": "34ba3cd204d5b05fec70ce08fa9fa0dd612409ff.png",
                            "发财": "34db290afd2963723c6eb3c4560667db7253a21a.png",
                            "可爱": "9e55fd9b500ac4b96613539f1ce2f9499e314ed9.png",
                            "吐血": "09dd16a7aa59b77baa1155d47484409624470c77.png",
                            "呆": "fe1179ebaa191569b0d31cecafe7a2cd1c951c9d.png",
                            "呕吐": "9f996894a39e282ccf5e66856af49483f81870f3.png",
                            "困": "241ee304e44c0af029adceb294399391e4737ef2.png",
                            "坏笑": "1f0b87f731a671079842116e0991c91c2c88645a.png",
                            "大佬": "093c1e2c490161aca397afc45573c877cdead616.png",
                            "大哭": "23269aeb35f99daee28dda129676f6e9ea87934f.png",
                            "委屈": "d04dba7b5465779e9755d2ab6f0a897b9b33bb77.png",
                            "害羞": "a37683fb5642fa3ddfc7f4e5525fd13e42a2bdb1.png",
                            "尴尬": "7cfa62dafc59798a3d3fb262d421eeeff166cfa4.png",
                            "微笑": "70dc5c7b56f93eb61bddba11e28fb1d18fddcd4c.png",
                            "思考": "90cf159733e558137ed20aa04d09964436f618a1.png",
                            "惊吓": "0d15c7e2ee58e935adc6a7193ee042388adc22af.png",
                            "打脸": "56ab10b624063e966bfcb76ea5dc4794d87dfd47.png",
                            "抓狂": "fe31c08edad661d63762b04e17b8d5ae3c71a757.png",
                            "抠鼻": "c666f55e88d471e51bbd9fab9bb308110824a6eb.png",
                            "斜眼笑": "911f987aa8bc1bee12d52aafe62bc41ef4474e6c.png",
                            "无奈": "ea8ed89ee9878f2fece2dda0ea8a5dbfe21b5751.png",
                            "晕": "5443c22b4d07fb1907ccc610c8e6db254f2461b7.png",
                            "流汗": "cead1c351ab8d79e9f369605beb90148db0fbed3.png",
                            "流泪": "7e71cde7858f0cd50d74b0264aa26db612a8a167.png",
                            "流鼻血": "c32d39db2737f89b904ca32700d140a9241b0767.png",
                            "点赞": "f85c354995bd99e28fc76c869bfe42ba6438eff4.png",
                            "生气": "26702dcafdab5e8225b43ffd23c94ac1ff932654.png",
                            "生病": "8b0ec90e6b86771092a498c54f09fc94621c1900.png",
                            "疑问": "0793d949b18d7be716078349c202c15ff166f314.png",
                            "白眼": "c1d59f439e379ee50eef488bcb5e5378e5044ea4.png",
                            "皱眉": "72ccad6679fea0d14cce648b4d818e09b8ffea2d.png",
                            "目瞪口呆": "0b8cb81a68de5d5365212c99375e7ace3e7891b7.png",
                            "睡着": "8b196675b53af58264f383c50ad0945048290b33.png",
                            "笑哭": "1abc628f6d4f4caf9d0e7800878f4697abbc8273.png",
                            "腼腆": "89712c0d4af73e67f89e35cbc518420380a7f6f4.png",
                            "色": "61822c7e9aae5da76475e7892534545336b23a6f.png",
                            "调侃": "4bc022533ef31544ca0d72c12c808cf4a1cce3e3.png",
                            "调皮": "b9c41de8e82dd7a8515ae5e3cb63e898bf245186.png",
                            "鄙视": "6e72339f346a692a495b123174b49e4e8e781303.png",
                            "闭嘴": "c9e990da7f6e93975e25fd8b70e2e290aa4086ef.png",
                            "难过": "87f46748d3f142ebc6586ff58860d0e2fc8263ba.png",
                            "馋": "fc7e829b845c43c623c8b490ee3602b7f0e76a31.png",
                            "鬼脸": "0ffbbddf8a94d124ca2f54b360bbc04feb6bbfea.png",
                            "黑人问号": "45821a01f51bc867da9edbaa2e070410819a95b2.png",
                            "鼓掌": "1d21793f96ef4e6f48b23e53e3b9e42da833a0f6.png"
                        } 
                    });
                </script>
            </div>
			<div class="mdui-float-right" style="width: 35%; height: 100%;">
				$SIDEBAR
			</div>
        </div>
    </body>
</html>